<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .u1{
            list-style-type: disc;
            /* 前面的样式 ，实际中都是用none*/
            list-style-image: url('图片地址');
            /* 前面加图片 */
            list-style-position: outside;
            /* 前面的样式和后面的文字是一体还是分开 */

            /* 一般都是用list-style:none */

        }
    </style>
</head>
<body>
    <!-- 无序列表 -->
    <ul class="u1">
        <li>sdasdad</li>
        <li>sdasdad1</li>
        <li>sdasdad2</li>
        <li>sdasdad3</li>
        <li>sdasdad4</li>
    </ul>
    <!-- 有序列表 -->
    <ol>
        <li>dasdad1</li>
        <li>dasdad2</li>
        <li>dasdad3</li>
        <li>dasdad4</li>
    </ol>
    <!-- 自定义 -->
    <dl>
        <dt>水果</dt>
        <dd>香蕉</dd>
        <dd>苹果</dd>
        <dt>衣服</dt>
        <dd>衬衣</dd>
        <dd>毛衣</dd>
    </dl>
</body>
</html>